<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <style type="text/css">
        p {
            border: 10px solid black;
            background-color: lightgrey;
            /* 宽高定义圆角 */
            border-radius: 1em 4em 1em 4em;
            /*padding 上 右 下 左 */
            padding: 5px 25px 5px 40px;
        }
    </style>
</head>

<body>
<p>
    There are lots of different kinds of fruit - there are over 500 varieties
    of banana alone. By the time we add the countless types of apples, oranges,
    and other well-known fruit, we are faced with thousands of choides.
</p>
</body>

</html>